<!--<template>-->
<!--  <div>-->
<!--    <img v-bind:src="imageUrl" alt="My Image" />-->
<!--    <button @click="changeImage">Change Image</button>-->
<!--  </div>-->
<!--</template>-->

<!--<script>-->
<!--export default {-->
<!--  data() {-->
<!--    return {-->
<!--      imageUrl: "https://ts1.cn.mm.bing.net/th/id/R-C.b6a3994a51b9878d6054edf910449f8f?rik=wRcFN2FGyAuRvw&riu=http%3a%2f%2fpic1.nmgnews.com.cn%2f003%2f002%2f070%2f00300207079_d19ae790.jpg&ehk=1kih3RIcLkRuVxpv8VKWxGNLgk290JE7SnIjADe%2bLRY%3d&risl=&pid=ImgRaw&r=0"-->
<!--    };-->
<!--  },-->
<!--  methods: {-->
<!--    changeImage() {-->
<!--      this.imageUrl = "https://tse3-mm.cn.bing.net/th/id/OIP-C.rdhYRSE4NSEViRhNjUnUbAHaB4?rs=1&pid=ImgDetMain";-->
<!--    }-->
<!--  }-->
<!--};-->
<!--</script>-->

<!--<template>-->
<!--  <div>-->
<!--    <input v-model="message" placeholder="Enter text" />-->
<!--    <input v-bind:value="message" placeholder="Enter text" />-->
<!--    <p>{{ this.message }}</p>-->
<!--  </div>-->
<!--</template>-->

<!--<script>-->

<!--export default {-->
<!--  data() {-->
<!--    return {-->
<!--      message: ""-->
<!--    };-->
<!--  }-->
<!--};-->
<!--</script>-->


<template>
  <div>
    <input v-bind:value="inputValue" @input="updateInputValue" />
    <p>你输入的是：{{ inputValue }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''  // 输入框的值
    };
  },
  methods: {
    updateInputValue(event) {
      this.inputValue = event.target.value;  // 更新输入框的值
    }
  }
};
</script>

